<!--
 * @Author: Y先森
 * @Date: 2023-04-14 11:23:15
 * @LastEditors: y && 250048395@qq.com
 * @LastEditTime: 2023-05-04 15:17:56
 * @FilePath: \y-website\src\views\main\components\menu\index.vue
-->
<template>
  <div class="text-lg text-primary p-3 space-y-2">
    <div class="text-xl font-semibold my-4 text-indigo-400" :key="1">Manbi Cloud</div>
    <template v-for="(menuItem, index) in $store.getters.menuDate" :key="index">
        <div class="space-y-4 text-base">
          <ul class="space-y-4">
            <li class="text-grey">{{ menuItem.title }}</li>
            <li class="flex items-center" v-for="(item, index) in menuItem.subList" :key="index" @click="$emit('onRouteClick', item)">
              <m-svg-icon :name="item.icon"  class="w-2.5 h-2.5"></m-svg-icon>
              <span class="ml-1">{{ item.name }}</span>
            </li>
          </ul>
      </div>
    </template>
  </div>
</template>

<script setup>
</script>
<style scoped lang="scss"></style>
